/**
* 设备详情 启动卡信息
*/ 
<template>
  <div class="main">
    <el-table size="small" :data="listData"  highlight-current-row v-loading="loading" border element-loading-text="拼命加载中" style="width: 100%;">
        <el-table-column align="center" label="操作" min-width="120">
            <template>
                <span>设置</span>
            </template>
        </el-table-column>
        <el-table-column  prop="card" label="卡槽位置" width="80" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="iccid" label="iccid" width="120" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="IMSI" label="IMSI" width="120" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="运营商" width="100" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="供应商" width="100" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="本月流量（MB）" width="120" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="累计流量（MB）" width="120" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="默认启动卡" width="120" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="极速上网" width="100" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="激活状态" width="100" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="套餐名称" width="160" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="备注" width="80" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="服务到期时间" width="120" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="更新时间" width="120" show-overflow-tooltip>
        </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
    name:'startupCard',
    data() {
        return {
            loading: false,
            listData:[],
        };
    },
    methods: {
        getdata(){
           let res = {
                code: 0,
                msg: null,
                count: 23,
                data:[
                    {
                        card:'卡1',
                        iccid:'89861121276032138868',
                        IMSI:'460113386667042',
                    },
                ]
            }
            this.listData =  res.data;
        }
    },
    mounted () {
        this.getdata();
    }
}
</script>

<style lang="scss" scoped>
    
</style>